@charset "utf-8";
/* CSS Document */

body  {
	padding-top: 60px;
	}
	
.Brand {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 30px;
}

.navbar-default {
	background-color: #474747;
	border: none;
}
	
.navbar-nav li a{
	font-family: "source-han-sans-simplified-c",sans-serif;
	font-weight: 900;
	font-size: 24px;
	text-align: center;
	color: #ffffff;
	line-height: 60px;
	padding: 0 25px;
	background-color: #474747;
	border-right: 1px solid #393939;
	margin-left : 1px;
	-webkit-box-shadow: 1px 0px 0px 0px rgba(255,255,255,0.1);
	-moz-box-shadow: 1px 0px 0px 0px rgba(255,255,255,0.1);
	box-shadow: 1px 0px 0px 0px rgba(255,255,255,0.1);
}

.navbar-brand {
	font-size: 1.5em;
	line-height: 60px;
	padding: 0 25px;
	background-color: #474747;
	margin-right: 50px;
}

.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}

.navbar-default .navbar-nav >li > a:focus {
	color: #ffffff;
	background-color: #525252; 
}

.navbar-default .navbar-right >li > a:focus {
	color: #ffffff;
	background-color: #3399cc; 
}

.navbar-default .navbar-nav >li > a:hover {
	color: #ffffff;
	background-color: #525252; 
}

.navbar-default .navbar-right >li > a:hover {
	color: #ffffff;
	background-color: #49A5D3; 
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #525252;
	color:#ffffff;
}

.navbar-default .navbar-toggle {
	border-color: #ffffff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #3D3D3D;
}

.navbar-right li a {
	background-color: #3399cc;
	border-right: none;
	text-align: center;
	color: #ffffff;
	-webkit-box-shadow: 1px 0px 0px 0px rgba(51,153,204,.8);
	-moz-box-shadow: 1px 0px 0px 0px rgba(51,153,204,.8);
	box-shadow: 1px 0px 0px 0px rgba(51,153,204,.8);
}


/*header*/
header {
	background-color: #FFFFFF;
	padding-bottom: 100px;
	text-align: center;
}

.icon1, .icon2, .icon3, .icon4 {
	textalign: center;
	height: 100px;
	margin-top: 150px;
}

header h2 {
	font-family: "source-han-sans-simplified-c",sans-serif;
	font-weight: 900;
	font-size: 72px;
	color: #35a2db;
}

header p {
	font-family: "source-han-sans-simplified-c",sans-serif;
	font-weight:400;
	color: #35a2db;
	text-align: justify;
	font-size: 24px;
	padding: 0 20px;
}

/* Main */


.maincontent {
	background-color: #999999;
	padding-bottom:80px;
	text-align: center;
	font-family: "source-han-sans-simplified-c",sans-serif;
	font-weight: 400;
	color: #363636;
	font-size: 24px;
}

.diagram {
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
}

.maincontent p{
	text-align:left;
	padding-right: 150px;
	padding-left: 20px
}

.maincontent li{
	text-align:left;
}

.firstp {
	margin-top: 100px;
}


.registerbtn {
	margin-top: 20px;
	padding: 10px 70px;
	font-size: 30px;
	font-weight: bold;
	border: 3px solid #363636;
	color: #363636;
	background-color: #999999;
	}

.registerbtn:hover, registerbtn:active {
margin-top: 20px;
	padding: 10px 70px;
	font-size: 30px;
	font-weight: bold;
	border: 3px solid #6a6a6a;
	color: #6A6A6A;
	background-color: #999999;
}
/*Contact*/

.contact {
	padding: 50px;
	background-color: #3399cc;

	font-family: "source-han-sans-simplified-c",sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 24px;
}

.contact p {
	margin-top: 100px;
	text-align: justify;
	padding-right: 150px;
	padding-left: 150px;
}

.contact h2 {
	font-weight: bold;
	text-align: left;
	font-size: 36px;	
}

.contact input {
	font-family: "source-han-sans-simplified-c",sans-serif;
	border: 1px solid #ffffff;
	color: #a0a0a0;
	margin-top: 30px;
	padding: 10px 10px;
	width: 90%;
}


.contact .submit {
	margin-top: 30px;
	width: 200px;
	color: #ffffff;
	background-color: #3399cc;
	border: 3px solid #ffffff;
	font-size: 20px;
	font-weight: bold;
	
}
.contact .submit:hover{
		
		background-color: #4FABD9;
	

}

footer {
	padding: 60px;
	width: 100%;
	height:200px;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
}

/*registration page */

.registration {
	background-color: #ececec;	
}


.registrationblock{
			max-width: 600px;
	font-family: "source-han-sans-simplified-c",sans-serif;
	font-weight: 400;
	background-color: #ffffff;
	margin-bottom: 160px;
	padding: 30px;
	
}


.regtitle{
	background-color:#2f2f2f;

	text-align: center;
	max-width: 600px;
	height:80px;
	padding-top: 5px;
	margin-top: 100px;
	}
.regtitle h2{
		font-family: "source-han-sans-simplified-c",sans-serif;
	font-weight: bolder;
	color: #ffffff;
font-size: 32px;}
 .registrationblock input {
	font-family: "source-han-sans-simplified-c",sans-serif;
	border: 1px solid #9d9d9d;
	color: #9d9d9d;
	margin: 10px;
	padding: 10px 10px;
	width: 90%;
}

.registrationblock  input:focus, .registrationblock  input:active{
	border: 3px solid #4FABD9;
	box-shadow: 0 0 5px 1px #4FABD9; 
}
label {
	color: #6A6A6A;
	font-family: "source-han-sans-simplified-c",sans-serif;
}

 .registrationblock .register {
width: 150px;
text-align: center;
color: #ffffff;
background-color: #4fabd9;
 }
.registrationblock  .register:focus, .registrationblock  .register:active{
	border: 0px solid #FFFFFF;
	box-shadow: 0 0 0px 0px #ffffff;
	background-color: #6EB7DC;
}

/* responsive design */
@media (max-width: 991px){
.navbar-brand{
	margin-right:0px}
	
}
@media (max-width: 991px){
	
	.maincontent {

	}

}